<template>

<el-row type="flex"  justify="center"  style="margin: 50px 0px 180px;">
  <el-col :span="14" >
    <el-card >
        <div slot="header" class="clearfix">
            <span>{{pname}}</span>
        </div>
        <div>{{select.name}}</div>
        <div class="option">A.{{select.optionA}}</div>
        <div class="option">B.{{select.optionB}}</div>
        <div class="option">C.{{select.optionC}}</div>
        <div class="option">D.{{select.optionD}}</div>
        <!-- 1.马克思主义政治学对政治这一概念的基本界定是 -->
        <el-radio-group v-model="radio">
            <el-radio-button label="1">A</el-radio-button>
            <el-radio-button label="2">B</el-radio-button>
            <el-radio-button label="3">C</el-radio-button>
            <el-radio-button label="4">D</el-radio-button>
        </el-radio-group>

        <el-button style="float:right">下一题</el-button>

    </el-card>

    <el-collapse>
        <el-collapse-item title="查看答题卡" name="1">
             <el-row>
                <el-button  >1</el-button>
                <el-button type="info"  >1</el-button>
                <el-button type="danger"  >1</el-button>
                <el-button type="danger"  >1</el-button>
                <el-button type="danger"  >1</el-button>
                <el-button type="danger"  >1</el-button>
            </el-row>
        </el-collapse-item>
    </el-collapse>
  </el-col>
</el-row>

  
</template>

<style>

    .option{
        margin: 20px auto;
    }

</style>

<script>
  export default {

    props:['pname','select'],
    data () {
      return {
        radio: '',
        activeNames:'',
      };
    },
  }

//    exam:{
//             pname:'政治题目',
//             selectList:[{
//                 sname:'1.马克思主义政治学对政治这一概念的基本界定是',
//                 optionA:'“政治是经济的最集中的体现”',
//                 optionB:'“政治就是各阶级之间的斗争”',
//                 optionC:'“政治就是参与国家事务，给国家定方向，确定国家活动的形式、任务和内容”',
//                 optionD:'“政治是一门科学”',
//             }],
//         },
</script>